<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>CSS Test: unicode-bidi: embed - nested ltr and rtl</title>
    <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <meta name="flags" content=""/>
    <meta name="assert" content="unicode-bidi: embed should open a new bidi embedding level for inline-level element"/>
    <style type="text/css"><![CDATA[
      .firstembed {direction: ltr; unicode-bidi: embed}
      .secondembed {direction: rtl; unicode-bidi: embed; font-weight: bold;}
    ]]></style>
  </head>

  <body>

    <p>You should see a longer arabic word to the left, and a shorter one to the right:</p>

    <div class="firstembed">
      <span class="secondembed">من and أمريكا</span>
    </div>

  </body>
</html>
